<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	<link rel="stylesheet" href="css/chat/app.css">
	<style>
		#chatInput p{margin: 0; padding: 0;}
	</style>
</head>
<body>
	<div id="chat">
		<div id="chatTop">
			<a href="#" id="chatClose">&times;</a>
		</div>
		<div id="chatBody" style="width: 300px; height: 200px; border: 1px solid #000;"></div>
		<ul class="chatControl">
			<li class="chatControl-item"></li>
		</ul>
		<div contenteditable="true" id="chatInput" style="width: 300px; height: 200px; border: 1px solid #000;"></div>
	</div>
	
	<script>
	$(function() {
		$('#chatInput').on('keypress', function(e) {
			if(
				((e.shiftKey)&&(e.keyCode==13))
			  ){
				return;
			}

			if((e.ctrlKey)&&(e.keyCode==13)){e.preventDefault();}

			if(e.keyCode=='13'){
				e.preventDefault();
				$('#chatBody').html($('#chatInput').html());
				$('#chatInput').html('');
				return;
			}
		});

		// function bindChangeHandler(input,fun) {
		// 	if("onpropertychange" in input) {//IE6、7、8，属性为disable时不会被触发
		// 		input.onpropertychange = function() {
		// 			if(window.event.propertyName == "value") {
		// 				if(fun) {
		// 					fun.call(this,window.event);
		// 				}
		// 			}
		// 		}
		// 	} else {
		// 		//IE9+ FF opera11+,该事件用js改变值时不会触发，自动下拉框选值时不会触发
		// 		input.addEventListener("input",fun,false);
		// 	}
		// }
	});
	</script>
</body>
</html>